<template>
  <div>
    <div class="aboutus_header">
      <span class="mui-icon icon-home" @tap="jumpto('/')"></span>
      <img src="../../../../static/img/header_logo.png" style="width: 1.8rem;">
      <!--<span class="mui-icon icon-person" :class="{'mui-active': tabBar == 'aboutus' || tabBar == 'contactus' || tabBar == 'classroom_detail'}" @tap="jumpto('/mine')"></span>-->
      <span class="mui-icon icon-person" @tap="jumpto('/mine')"></span>
      <!--&lt;!&ndash;站位&ndash;&gt;-->
      <!--<div style="height: 0.8rem"></div>-->
    </div>
    <div style="height: 0.8rem"></div>
  </div>
</template>

<script>
  import {UPDATE_TABBAR} from "../../../store/mutation-types";

  export default {
    name: "AboutUsHeader",
    computed: {
      tabBar(){
        return this.$store.state.tabBar || 'home'
      }
    },
    methods: {
      jumpto(url) {
        this.$router.push(url)
      }
    }
  }
</script>

<style scoped>
  .aboutus_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.4rem;
    height: 0.8rem;
    color: #929292;
    border-bottom: 0.01333rem solid #d9d9d9;
    background-color: #ffffff;
    overflow: hidden;
    z-index: 100;
  }
</style>
